<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简化axios练习</title>
	</head>
	<body>
		<h1>axios简化</h1>
		
		<script src="../js/axios.js"></script>
		<script>
			/* 1.实现get请求获取数据 参数 id=1 
				方式1:url?id=1
				方式2:url/1
				方式3:url,{params}
			*/
		   axios.get("http://localhost:8090/getUserById",{
			   params: {
				   id: 1
			   }
		   })
				.then(result => {
					console.log(result.data)
				})
		
			//函数定义
			//解构赋值操作 想直接获取返回值的结果
			async function getUser(){
				const {data: value } = await axios.get("http://localhost:8090/getUserById",{
								   params: { id: 1}
					})
					/* 解构赋值 */
					console.log("解构赋值")
					console.log(value)
					
				}
				//之前通过then的方式接收返回值的结果,现在通过await可以直接获取返回值
				/* const result = await axios.get("http://localhost:8090/getUserById",{
							   params: { id: 1}
				})
				console.log(result)
				console.log(result.data)
			} */
				/*  */
			//函数调用
			getUser()
			
			/* 
			  解构赋值优势 回调地狱问题
			 */
			
			
		</script>
	</body>
</html>
